import Vue from 'vue';
import App from './App.vue';
import router from './router';
// 引入 iconfont 样式
import '@/assets/icons/iconfont.css';
Vue.config.productionTip = false;
// 引入并注册全局 Icon 组件
import Icon from '@/components/common/Icon/index.vue';
Vue.component('Icon', Icon); // 全局注册，名字为 <Icon />

// ✅ 引入 rem 适配脚本
import './utils/flexible.js';
import '@/assets/styles/base/reset.css';
// 导入我们创建的自定义指令
import focus from './directives/focus';
import highlight from './directives/highlight';
import verify from './directives/verify';

Vue.directive('verify', verify);
// 全局注册自定义指令
Vue.directive('focus', focus);
Vue.directive('highlight', highlight);

new Vue({
  router,
  render: h => h(App),
}).$mount('#app');
